import { defineStore } from 'pinia'
import axios from 'axios';
import { nanoid } from "nanoid";

export const useLoverStore = defineStore('lover', {
    actions: {
        async anotherOne() {
            let result = await axios.get(
                "https://api.uomg.com/api/rand.qinghua?format=json"
            );
            console.log(result.data);
            //talkList.push(result.data.content);  这句话之所以没用是因为没有 id, talkList 遍历不出来
            let obj = { id: nanoid(), sentence: result.data.content };
            console.log(obj);
            this.talkList.push(obj)
        }
    },
    state() {
        /*将存储在浏览器中的数据取出，并转回去，不转会是一个超长字符串
        但这有一个风险，有可能字符串为空，加 as string 就是告诉电脑字符串不可能为空，一定有字符串
        但浏览器刷新后 talkList 为 null, null.unshift()是不被允许的
        所以需要加个或，或 [] 就不会报错
        */
        return {
            talkList: JSON.parse(localStorage.getItem('talkList') as string) || []
        }
    }
})